<!DOCTYPE html>
<html lang="en">
	<head>

		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Cuisine - Restaurant HTML Template</title>

		<!-- Bootstrap -->
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<!-- Font Awesome -->
		<link href="fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet">
		<!-- Simple-Line-Icons-Webfont -->
		<link href="fonts/Simple-Line-Icons-Webfont/simple-line-icons.css" rel="stylesheet">
		<!-- FlexSlider -->
		<link href="scripts/FlexSlider/flexslider.css" rel="stylesheet">
		<!-- Owl Carousel -->
		<link href="css/owl.carousel.css" rel="stylesheet">
		<link href="css/owl.theme.default.css" rel="stylesheet">
		<!-- Nivo Lightbox -->
		<link href="scripts/Nivo-Lightbox/nivo-lightbox.css" rel="stylesheet">
		<link href="scripts/Nivo-Lightbox/themes/default/default.css" rel="stylesheet">
		<!-- Style.css -->
		<link href="css/style.css" rel="stylesheet">

		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
			<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
			<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
		<![endif]-->

	</head>
	<body>

		<div class="responsive-menu">
			<a href="" class="responsive-menu-close"><i class="icon-close"></i></a>
			<nav class="responsive-nav"></nav> <!-- end .responsive-nav -->
		</div> <!-- end .responsive-menu -->
		<header class="header">
			<div class="top">
				<div class="container">
					<div class="left">
						<span>Welcome to our Restaurant</span>
					</div> <!-- end .left -->
					<div class="right">
						<span class="item"><a href="tel:0012345678">00 1234 5678</a></span>
						<span class="item"><a href="mailto:info@tastecousine.com">info@tastecousine.com</a></span>
					</div> <!-- end .right -->
				</div> <!-- end .container -->
			</div> <!-- end .top -->
			<div class="navigation">
				<div class="container clearfix">
					<div class="logo"><a href="index.html"><img src="images/logo.png" alt="Cuisine" class="img-responsive"></a></div> <!-- end .logo -->
					<nav class="main-nav">
						<ul class="list-unstyled">
							<li><a href="index.html">Home</a></li>
							<li>
								<a href="shopgrid.html">Shop</a>
								<ul>
									<li><a href="cart.html">Cart</a></li>
								</ul>
							</li>
							<li>
								<a href="menu.html">Menu</a>
								<ul>
									<li><a href="specialties.html">Specialties</a></li>
									<li><a href="single.html">Single</a></li>
								</ul>
							</li>
							<li>
								<a href="about.html">About Us</a>
								<ul>
									<li><a href="chefs.html">Chefs</a></li>
								</ul>
							</li>
							<li>
								<a href="shortcodes.html">Pages</a>
								<ul>
									<li><a href="shortcodes.html">Shortcodes</a></li>
									<li><a href="events.html">Events</a></li>
									<li><a href="recipe.html">Recipe</a></li>
									<li><a href="recipemain.html">Recipe Main</a></li>
									<li><a href="reservation.html">Reservation</a></li>
								</ul>
							</li>
							<li>
								<a href="blog.html">Blog</a>
								<ul>
									<li><a href="blogpost.html">Blog Post</a></li>
								</ul>
							</li>
							<li><a href="contact.html">Contact</a></li>
						</ul>
					</nav> <!-- end .main-nav -->
					<a href="" class="responsive-menu-open"><i class="fa fa-bars"></i></a>
				</div> <!-- end .container -->
			</div> <!-- end .navigation -->
		</header> <!-- end .header -->

		<div class="page-title" style="background-image: url('images/background01.jpg');">
			<div class="inner">
				<div class="container">
					<div class="row aligned-cols">
						<div class="col-sm-3 aligned-middle">
							<h2>Blog Talks</h2>
						</div> <!-- end .col-sm-3 -->
						<div class="col-sm-9">
							<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam uptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.</p>
						</div> <!-- end .col-sm-9 -->
					</div> <!-- end .row -->
				</div> <!-- end .container -->
			</div> <!-- end .inner -->
		</div> <!-- end .page-title -->

		<div class="section white">
			<div class="inner">
				<div class="container">
					<div class="row">
						<div class="col-sm-9">
							<div class="blog-post">
								<a href=""><img src="images/blog-post1.jpg" alt="simple breakfast recipes" class="featured-img img-responsive"></a>
								<h2 class="blog-post-title"><a href="">Simple breakfast recipes</a></h2>
								<ul class="blog-post-meta list-inline">
									<li><i class="icon-clock"></i>09. March 2015</li>
									<li><a href=""><i class="icon-user"></i>Josh Tissonay</a></li>
									<li><a href=""><i class="icon-bubble"></i>3 Comments</a></li>
								</ul>
								<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam uptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipsciitr.</p>
							</div> <!-- end .blog-post -->
							<div class="blog-post">
								<a href=""><img src="images/blog-post2.jpg" alt="Best way to cook eggs" class="featured-img img-responsive"></a>
								<h2 class="blog-post-title"><a href="">Best way to cook eggs</a></h2>
								<ul class="blog-post-meta list-inline">
									<li><i class="icon-clock"></i>09. March 2015</li>
									<li><a href=""><i class="icon-user"></i>Josh Tissonay</a></li>
									<li><a href=""><i class="icon-bubble"></i>3 Comments</a></li>
								</ul>
								<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam uptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipsciitr.</p>
							</div> <!-- end .blog-post -->
							<div class="blog-post">
								<a href=""><img src="images/blog-post3.jpg" alt="Juicy party drink" class="featured-img img-responsive"></a>
								<h2 class="blog-post-title"><a href="">Juicy party drink</a></h2>
								<ul class="blog-post-meta list-inline">
									<li><i class="icon-clock"></i>09. March 2015</li>
									<li><a href=""><i class="icon-user"></i>Josh Tissonay</a></li>
									<li><a href=""><i class="icon-bubble"></i>3 Comments</a></li>
								</ul>
								<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam uptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipsciitr.</p>
							</div> <!-- end .blog-post -->
							<nav>
								<ul class="pager">
									<li class="previous"><a href="#">Last Page</a></li>
									<li class="next"><a href="#">Next Page</a></li>
									<li class="page-number">Page 2</li>
								</ul>
							</nav>
						</div> <!-- end .col-sm-9 -->
						<div class="col-sm-3">
							<div class="sidebar-widget">
								<h6>Our Best Selling</h6>
								<div class="sidebar-product clearfix">
									<img src="images/product1.jpg" alt="juicy chicken">
									<div class="content">
										<h5><a href="">Juicy Chicken<span class="price">$31</span></a></h5>
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
									</div> <!-- end .content -->
								</div> <!-- end .sidebar-product -->
								<div class="sidebar-product clearfix">
									<img src="images/product1.jpg" alt="juicy chicken">
									<div class="content">
										<h5><a href="">Juicy Chicken<span class="price">$31</span></a></h5>
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
									</div> <!-- end .content -->
								</div> <!-- end .sidebar-product -->
								<div class="sidebar-product clearfix">
									<img src="images/product1.jpg" alt="juicy chicken">
									<div class="content">
										<h5><a href="">Juicy Chicken<span class="price">$31</span></a></h5>
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
									</div> <!-- end .content -->
								</div> <!-- end .sidebar-product -->
							</div> <!-- end .sidebar-widget -->
							<div class="sidebar-widget">
								<h6>Search By Tags</h6>
								<div class="tags">
									<a href="">Blueberry</a>
									<a href="">Coffee</a>
									<a href="">Raddish</a>
									<a href="">Pints</a>
									<a href="">Eco Vegetables</a>
									<a href="">Banana</a>
									<a href="">Salty</a>
									<a href="">Steak</a>
								</div> <!-- end .tags -->
							</div> <!-- end .sidebar-widget -->
							<div class="sidebar-widget">
								<h6>Currently In Cart</h6>
								<div class="sidebar-product clearfix">
									<img src="images/product1.jpg" alt="juicy chicken">
									<div class="content">
										<h5><a href="">Juicy Chicken<span class="price">$31</span></a></h5>
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
									</div> <!-- end .content -->
								</div> <!-- end .sidebar-product -->
								<div class="sidebar-product clearfix">
									<img src="images/product2.jpg" alt="juicy chicken">
									<div class="content">
										<h5><a href="">Creamy Dessert<span class="price">$31</span></a></h5>
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
									</div> <!-- end .content -->
								</div> <!-- end .sidebar-product -->
								<div class="sidebar-product clearfix">
									<img src="images/product3.jpg" alt="juicy chicken">
									<div class="content">
										<h5><a href="">Greeny Salad<span class="price">$31</span></a></h5>
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
									</div> <!-- end .content -->
								</div> <!-- end .sidebar-product -->
							</div> <!-- end .sidebar-widget -->
						</div> <!-- end .col-sm-3 -->
					</div> <!-- end .row -->
				</div> <!-- end .container -->
			</div> <!-- end .inner -->
		</div> <!-- end .section -->

		<div class="section small text-center dark transparent parallax" style="background-image: url('images/background02.jpg');">
			<div class="inner">
				<div class="container">
					<div class="call-to-action">
						<h3>Ready to make a reservation?</h3>
						<a href="" class="button solid brown">Book a Table</a>
					</div> <!-- end .call-to-action -->
				</div> <!-- end .container -->
			</div> <!-- end .inner -->
		</div> <!-- end .section -->

		<footer class="footer">
			<div class="container">
				<div class="row">
					<div class="col-sm-3">
						<h6>Address</h6>
						<p>Taste Cuisine Restaurant</p>
						<p>100 Mars Street</p>
						<p>10300 Venus, Milky Way</p>
					</div> <!-- end .col-sm-3 -->
					<div class="col-sm-3">
						<h6>Social Media</h6>
						<p><a href="">Facebook.com/Cuisine</a></p>
						<p><a href="">Instagram.com/Cuisine</a></p>
						<p><a href="">FourSquare.com/Cuisine</a></p>
					</div> <!-- end .col-sm-3 -->
					<div class="col-sm-3">
						<h6>Open Hours</h6>
						<div class="row">
							<div class="col-xs-6">
								<p>Monday - Friday</p>
								<p>Saturdays</p>
								<p>Sundays</p>
							</div> <!-- end .col-xs-6 -->
							<div class="col-xs-6">
								<p><b>07 - 23</b></p>
								<p><b>07 - 24</b></p>
								<p><b>Closed</b></p>
							</div> <!-- end .col-xs-6 -->
						</div> <!-- end .row -->
					</div> <!-- end .col-sm-3 -->
					<div class="col-sm-3">
						<h6>Contact</h6>
						<p><a href="mailto:info@tastecuisine.com">info@tastecuisine.com</a></p>
						<div class="row">
							<div class="col-xs-6">
								<p>Booking</p>
								<p>Information</p>
							</div> <!-- end .col-xs-6 -->
							<div class="col-xs-6">
								<p><b>00 1234 5678</b></p>
								<p><b>00 2345 6780</b></p>
							</div> <!-- end .col-xs-6 -->
						</div> <!-- end .row -->
					</div> <!-- end .col-sm-3 -->
				</div> <!-- end .row -->
			</div> <!-- end .container -->
		</footer> <!-- end .footer -->

		<!-- jQuery -->
		<script src="js/jquery-1.11.2.min.js"></script>
		<!-- Bootstrap -->
		<script src="js/bootstrap.min.js"></script>
		<!-- google maps -->
		<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
		<!-- FlexSlider -->
		<script src="scripts/FlexSlider/jquery.flexslider-min.js"></script>
		<!-- Owl Carousel -->
		<script src="js/owl.carousel.min.js"></script>
		<!-- Nivo Lightbox -->
		<script src="scripts/Nivo-Lightbox/nivo-lightbox.min.js"></script>
		<!-- Isotope -->
		<script src="js/isotope.pkgd.min.js"></script>
		<script src="js/imagesloaded.pkgd.min.js"></script>
		<!-- Scripts.js -->
		<script src="js/scripts.js"></script>

	</body>
</html>